import Side from './Side';
import classes from './index.module.css';

type Props = {
  files: FileItem[];
  body?: string;
};

const Docs: React.FC<Props> = ({ files, body = '' }) => {
  return (
    <div className={classes.wrap}>
      <Side files={files} />
      <div className={classes.content}>
        <div
          className={classes.marked}
          dangerouslySetInnerHTML={{ __html: body }}
        />
      </div>
    </div>
  );
};

export default Docs;
